<template>
    <div>
        <div class="user_search grid grid-cols-4">
            <div ><Input class="w-2/3" placeholder="请输入工号" style="width: 100px;"></Input></div>
            <div><Input class="w-2/3" placeholder="请输入姓名" style="width: 100px;"></Input></div>
            <div><Input class="w-2/3" placeholder="请输入部门" style="width: 100px;"></Input></div>
            <div><Button type="primary">搜索</Button></div>
        </div>
    </div>
</template>
<script>
import MyTable from '@/components/Mytable.vue';
export default {
    name: 'userList',
    components: {
        Mytable: MyTable,
    },
    data() {
        return {
            listColumns: [
                { title: '工号', key: 'userId' },
                { title: '姓名', key: 'age' },
                { title: '手机号', key: 'phone' },
                { title: '部门', key: 'agent' },
                {
                    title: '操作', key: 'operate',
                    render: (h, params) => {
                        return h('div', [
                            h('Button', {
                                props: {
                                    type: 'text',
                                    size: 'small'
                                },
                                style: {
                                    marginRight: '5px'
                                },
                                // on: {
                                //     click: () => {
                                //         this.show(params.index)
                                //     }
                                // }
                            }, '查看'),
                            h('Button', {
                                props: {
                                    type: 'text',
                                    size: 'small'
                                },
                                style: {
                                    marginRight: '5px'
                                },
                                // on: {
                                //     click: () => {
                                //         this.show(params.index)
                                //     }
                                // }
                            }, '修改'),
                            h('Button', {
                                props: {
                                    type: 'text',
                                    size: 'small'
                                },
                                // on: {
                                //     click: () => {
                                //         this.remove(params.index)
                                //     }
                                // }
                            }, '删除')
                        ]);
                    }
                }
            ],
            listData: ["1", "2", "3"],
        }
    },
}
</script>
<style scoped>
.user_search {
    margin-bottom: 10px;
}
</style>